<template>
	<view :class="item.compClass" :style="item.compStyle">
		<block v-if="item.type == 'flashSale-1'">
			<flashSale1 :item="item" @click="click"></flashSale1>
		</block>
		<block v-else-if="item.type == 'top-1'">
			<top1 :item="item" @click="click"></top1>
		</block>
		<block v-else-if="item.type == 'bargainBuy-1'">
			<bargainBuy1 :item="item" @click="click"></bargainBuy1>
		</block>
		<block v-else-if="item.type == 'ventureGroup-1'">
			<ventureGroup1 :item="item" @click="click"></ventureGroup1>
		</block>
		<block v-else-if="item.type == 'brandActivities-1'">
			<brandActivities1 :item="item" @click="click"></brandActivities1>
		</block>
		<block v-else-if="item.type == 'mode-1'">
			<mode1 :item="item" @click="click"></mode1>
		</block>
		<block v-else-if="item.type == 'mode-2'">
			<mode2 :item="item" @click="click"></mode2>
		</block>
		<block v-else-if="item.type == 'mode-3'">
			<mode3 :item="item" @click="click"></mode3>
		</block>
		<block v-else-if="item.type == 'mode-4'">
			<mode4 :item="item" @click="click"></mode4>
		</block>
		<block v-else-if="item.type == 'mode-5'">
			<mode5 :item="item" @click="click"></mode5>
		</block>
		<block v-else-if="item.type == 'verticalSwiper-2'">
			<verticalSwiper2 :item="item" @click="click"></verticalSwiper2>
		</block>
		<block v-else-if="item.type == 'viewRowBetween'">
			<viewRowBetween :item="item" @click="click"></viewRowBetween>
		</block>
	</view>
</template>

<script>
	import flashSale1 from '../../../myComponents/flashSale-1/flashSale-1.vue';
	import top1 from '../../../myComponents/top-1/top-1.vue';
	import bargainBuy1 from '../../../myComponents/bargainBuy-1/bargainBuy-1.vue';
	import ventureGroup1 from '../../../myComponents/ventureGroup-1/ventureGroup-1.vue';
	import brandActivities1 from '../../../myComponents/brandActivities-1/brandActivities-1.vue';
	import mode1 from '../../../myComponents/mode-1/mode-1.vue';
	import mode2 from '../../../myComponents/mode-2/mode-2.vue';
	import mode3 from '../../../myComponents/mode-3/mode-3.vue';
	import mode4 from '../../../myComponents/mode-4/mode-4.vue';
	import mode5 from '../../../myComponents/mode-5/mode-5.vue';
	import verticalSwiper2 from '../../../myComponents/verticalSwiper-2/verticalSwiper-2';
	import viewRowBetween from '../../../myComponents/viewRowBetween/viewRowBetween';
	export default {
		components: {
			flashSale1,
			top1,
			bargainBuy1,
			ventureGroup1,
			brandActivities1,
			mode1,
			mode2,
			mode3,
			mode4,
			mode5,
			verticalSwiper2,
			viewRowBetween
		},
		props: {
			item: {
				type: Object,
				default: ()=>({})
			}
		},
		methods: {
			click() {
				this.$emit('click', ...arguments);
			}
		}
	}
</script>

<style scoped>
</style>
